<!-- 领药退出库  -->
<template>
  <div class="main-content-container">
    <Tabs v-model="activeId" :data="tabsName" class="tabcss" @change="handleClick" />
    <Outbound v-if="activeId===1" />
    <HaveOutbound v-if="activeId===2" />
  </div>
</template>
<script>
import Tabs from "@/components/SearchSelection";
import Outbound from "./outbound";
import HaveOutbound from "./haveOutbound";
import "@/assets/styles/common.scss";
export default {
  name: "Drug",
  components: {
    Tabs,
    Outbound,
    HaveOutbound,
  },
  data() {
    return {
      tabsName: [
        { id: 1, name: "待出库" },
        { id: 2, name: "已出库" },
      ],
      activeId: 1,
    };
  },
  methods: {
    handleClick(val) {
      // console.log(val);
      this.activeId = val;
    },
  },
};
</script>
<style lang="scss" scoped>
</style>
